<template>
    <div>
 <mt-swipe :auto="3000">
      <!-- <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
        <img :src="item.img" alt="" :class="{full:isfull}"/>
        </mt-swipe-item> -->
      <mt-swipe-item>
        <img src="https://m.360buyimg.com/babel/jfs/t1/11674/24/6355/96960/5c3ef819Ed01eeec2/c33daa8ae140676b.jpg" alt="">
        </mt-swipe-item>
      <mt-swipe-item>
        <img src="https://img1.360buyimg.com/pop/jfs/t1/17020/18/5738/122625/5c406443Eaf180ac9/d9c8aecca5253ec3.jpg" alt="">
      </mt-swipe-item>
      <mt-swipe-item>
        <img src="https://m.360buyimg.com/babel/jfs/t1/23751/15/5001/90196/5c3833d8Ecfcdf637/fcbaaeffcb03591d.jpg" alt="">
      </mt-swipe-item>
    </mt-swipe>
    </div>
</template>
<script>
export default {
    props:['lunbotuList','isfull']  
}
</script>
<style lang="scss" scoped>
.mint-swipe {
  height: 250px;

  .mint-swipe-item {
    text-align: center;
    &:nth-child(1) {
      background-image: url("");
    }
    &:nth-child(2) {
      background-image: url("");
    }
    &:nth-child(3) {
      background-image: url("");
    }
  }
  img {
    width: 100%;
    height: 100%;
  }
  .full {
    width: 100%;
  }
}
</style>
